<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="../$$.js"></script>
<script src="../prototype/Object.js"></script>
<script src="../prototype/Array.js"></script>
<script src="../prototype/String.js"></script>
<script src="../prototype/Function.js"></script>
<script src="../Class.js"></script>
<script src="../Component.js"></script>
<script src="../util/Task.js"></script>
<script src="../util/Thread.js"></script>
<script src="../DomHelper.js"></script>
<script src="../Element.js"></script>
<script src="../Ajax.js"></script>
<script src="../Ajax/Connection.js"></script>
<script src="../dd/Drag.js"></script>
<script src="../Box.js"></script>

<style>
.box1{background:#ccc}
</style>
<script>
$$.ready(function(){
	var item1 = new $$.Box({
		html: 'item1'
	});
	var item2 = new $$.Box({
		html: 'item2'
	});
	var box = new $$.Box({
		cls: 'box-1'
		,width: 200
		,height: 40
		,html: 'asdf'
		,items: [item1, item2]
	});
	box.render('#test');
});
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>